<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>在线教育考试平台</title>
    <link rel="stylesheet" href="../utils/bootstrap.css" />
    <link rel="stylesheet" href="../basestyle/left-menu.css" />
    <script src="../utils/jquery-3.6.4.js"></script>
    <script src="../utils/bootstrap.js"></script>
    <script src="../utils/echarts.min.js"></script>
</head>

<body>
    <div class="container-fluid home">
        <header class="clearfix">
            <h1>在线教育考试平台</h1>
            <span class="glyphicon glyphicon-arrow-left z-left"></span>
            <div class="zlj-right">
                <span class="glyphicon glyphicon-search"></span>
                <span class="glyphicon glyphicon-bell"></span>
                <input type="file" id="file">
                <img src="../images/6.jpg" alt="" class="show-img" />
                <span class="yonghu">admin</span>
                <span class="glyphicon glyphicon-off"></span>
            </div>
        </header>
        <section>
            <nav>
                <ul class="tz-left-ul clearfix zljshouye">
                    <li class="tz-second-li ">
                        <span class="glyphicon glyphicon-home tz-left-margin" aria-hidden="true"></span>
                        <span>首页</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <div class="tz-second-menu-div zlj-shouye1" data-id="0"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-align-justify tz-left-margin" aria-hidden="true"></span>
                        <span>题库管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#" class="zlj-shouye21"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye21">题目分类</span></li>
                            <li data-id="12" data-href="#" class="zlj-shouye22"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye22">题目列表</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="2"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-list-alt tz-left-margin" aria-hidden="true"></span>
                        <span>试卷管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#" class="zlj-shouye31"><span data-id="13" data-href="#"
                                    class="zlj-shouye31 tz-left-margin">试卷分类
                                </span>
                            </li>
                            <li data-id="12" data-href="#" class="zlj-shouye32"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye32">试卷列表</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="2"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-calendar tz-left-margin" aria-hidden="true"></span>
                        <span>考务管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#" class="zlj-shouye41"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye41">准考证
                                </span>
                            </li>
                            <li data-id="12" data-href="#" class="zlj-shouye42"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye42">签到表</span></li>
                            <li data-id="12" data-href="#" class="zlj-shouye43"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye43">桌贴</span></li>
                            <li data-id="12" data-href="#" class="zlj-shouye44"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye44">门贴</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="4"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-book tz-left-margin" aria-hidden="true"></span>
                        <span>考试管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#" class="zlj-shouye51"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye51">考试列表
                                </span>
                            </li>
                            <li data-id="12" data-href="#" class="zlj-shouye52"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye52">考试审批</span></li>
                            <li data-id="12" data-href="#" class="zlj-shouye53"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye53">考试监控</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="3"></div>
                    </li>
                    <li class="tz-second-li">
                        <span class="glyphicon glyphicon-education tz-left-margin" aria-hidden="true"></span>
                        <span>考生管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <div class="tz-second-menu-div zlj-shouye61" data-id="0"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-sort-by-attributes-alt tz-left-margin"
                            aria-hidden="true"></span>
                        <span>统计分析</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#" class="zlj-shouye71"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye71">考试分析
                                </span>
                            </li>
                            <li data-id="12" data-href="#" class="zlj-shouye72"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye72">试卷分析</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="2"></div>
                    </li>
                    <li class="tz-second-li">
                        <span class="glyphicon glyphicon-tower tz-left-margin" aria-hidden="true"></span>
                        <span>证书管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <div class="tz-second-menu-div zlj-shouye81" data-id="0"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-cog tz-left-margin" aria-hidden="true"></span>
                        <span>系统管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#" class="zlj-shouye91"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye91">角色权限
                                </span>
                            </li>
                            <li data-id="12" data-href="#" class="zlj-shouye92"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye92">短信设置</span></li>
                            <li data-id="12" data-href="#" class="zlj-shouye93"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye93">安全设置</span></li>
                            <li data-id="12" data-href="#" class="zlj-shouye94"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye94">系统日志</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="4"></div>
                    </li>
                </ul>
            </nav>
            <main>
                <!-- main的头部 -->
                <div class="lwy-main-head">
                    <ul class="nav nav-pills lwy-nav-size">
                        <li id="lwy-nav-li1"><a href="#">统计分析</a></li>
                        <li class="lwy-nav-li2">/</li>
                        <li id="lwy-nav-li3"><a href="#">考试分析</a></li>
                    </ul>
                    <p class="lwy-nav-p"><a href="../pages/statistic-analysis.html">考试分析</a></p>
                </div>
                <!-- main的主体 -->
                <div class="lwy-main-sect">
                    <div class="lwy-main-sect-overallAnalysis">
                        <p class="lwy-main-sect-overallAnalysis-title">总体统计分析</p>
                        <div class="clearfix lwy-main-sect-overallAnalysis-data">
                            <div class="lwy-main-sect-overallAnalysis-average">
                                <p class="lwy-main-sect-overallAnalysis-average-p1">平均分</p>
                                <p class="lwy-main-sect-overallAnalysis-average-p2">93<span>分</span></p>
                            </div>
                            <div>
                                <p class="lwy-main-sect-overallAnalysis-average-p1">最高分</p>
                                <p class="lwy-main-sect-overallAnalysis-average-p2">100<span>分</span></p>
                            </div>
                            <div>
                                <p class="lwy-main-sect-overallAnalysis-average-p1">最低分</p>
                                <p class="lwy-main-sect-overallAnalysis-average-p2">60<span>分</span></p>
                            </div>
                            <div>
                                <p class="lwy-main-sect-overallAnalysis-average-p1">及格率</p>
                                <p class="lwy-main-sect-overallAnalysis-average-p2">100<span>%</span></p>
                            </div>
                            <div>
                                <p class="lwy-main-sect-overallAnalysis-average-p1">参加率</p>
                                <p class="lwy-main-sect-overallAnalysis-average-p2">100<span>%</span></p>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix lwy-main-sect-respective1">
                        <div class="lwy-main-sect-respective-div1">
                            <p class="lwy-main-sect-respective">各分数段统计分析</p>
                            <div id="main" class="lwy-main-sect-respective-div"></div>
                        </div>
                        <div class="lwy-main-sect-respective-div2">
                            <p>各分数段排名</p>
                            <ul>
                                <li><span class="lwy-main-sect-respective-span">1</span>95分以上<span
                                        class="lwy-main-sect-respective-span3">25%</span></li>
                                <li><span class="lwy-main-sect-respective-span">2</span>90-95分段<span
                                        class="lwy-main-sect-respective-span3">40%</span></li>
                                <li><span class="lwy-main-sect-respective-span">3</span>85-90分段<span
                                        class="lwy-main-sect-respective-span3">70%</span></li>
                                <li><span class="lwy-main-sect-respective-span1">4</span>95以上分段<span
                                        class="lwy-main-sect-respective-span3">80%</span></li>
                                <li><span class="lwy-main-sect-respective-span1">5</span>65-70分段<span
                                        class="lwy-main-sect-respective-span3">40%</span></li>
                                <li><span class="lwy-main-sect-respective-span1">6</span>70-75分段<span
                                        class="lwy-main-sect-respective-span3">60%</span></li>
                                <li><span class="lwy-main-sect-respective-span1">7</span>60分以下分段<span
                                        class="lwy-main-sect-respective-span3">70%</span></li>
                            </ul>
                        </div>
                    </div>

                </div>
            </main>
        </section>
    </div>
    <link rel="stylesheet" href="../style/examination-details.css">
    <script src="../js/examination-details.js"></script>
    <script src="../basestyle/left-menu.js"></script>
    <script src="../js/base.js"></script>
</body>

</html>